<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="../css/global.debug.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/today_headlines.css">
    <title>今日头条</title>
</head>

<body>
    <div id="today_headlines">
        <nav>
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div is="tem-swiper" v-bind:swiperinfo="temswiper" v-for="(temswiper,index) in temswipers" v-on:tabtog="handletog"></div>
                    <div class="swiper-slide"></div>
                </div>
            </div>
            <div class="add"><span>＋</span></div>
        </nav>
        <section id="entriescon">
            <!--<div is="one-pic" v-bind:picinfo="onepic"></div>
            <div is="two-pic" v-bind:picinfo="twopic"></div>
            <div is="one-pic" v-bind:picinfo="onepic"></div>
            <div is="two-pic" v-bind:picinfo="twopic"></div>
            <div is="one-pic" v-bind:picinfo="onepic"></div>
            <div is="two-pic" v-bind:picinfo="twopic"></div>-->

            <div v-for="item in items">
                <div v-if="item.type == 1" is="one-pic" v-bind:picinfo="item"></div>
                <div v-if="item.type == 2" is="two-pic" v-bind:picinfo="item"></div>
            </div>
        </section>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/swiper-3.4.2.min.js"></script>
    <script src="../js/today_headlines.js"></script>
</body>

</html>